<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DhEcp - 403</title>
	<link href="/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/css/animate.css" rel="stylesheet"/>
    <link href="/css/style.css" rel="stylesheet"/>
</head>
<style>
h1{margin-top:0;}
.r1 {-webkit-transform:rotate(-5deg);}
.r2 {-webkit-transform:rotate(3deg);}
</style>
<body class="gray-bg">
    <div class="middle-box text-center animated fadeInDown">
        <h1>403</h1>
        <h3 class="font-bold">您没有访问权限！</h3>

        <div class="error-desc">
                                对不起，您没有访问权限，请不要进行非法操作！您可以返回主页面
        </div>
    </div>
<script th:src="@{/js/jquery/jquery.min.js}"></script>
<script>
$(function() {
    function state1() {
        $("h1").removeClass("r2");
        $("h1").addClass("r1");
        setTimeout(state2, 1000);
    }
    function state2() {
        $("h1").removeClass("r1");
        $("h1").addClass("r2");
        setTimeout(state1, 1000);
    }
    state1();
})
</script>
</body>
</html>
